<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->

        <title>Mind2web</title>
        <meta name="description" content="This is an HTML5 enterprise-level ready-to-use website template with extensive features.">
        <meta name="author" content="Mind2web">

        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">

        <!-- IMPORTANT: If you need to update one of the CSS files, you must upgrade the version both in the file name and in the line bellow -->
        <link rel="stylesheet" href="css/skeleton-v1.1.css">
        <link rel="stylesheet" href="css/flexslider-v1.8.css">
        <link rel="stylesheet" href="css/main-r9.css">
        <link rel="stylesheet" href="css/media-queries-r9.css">
        <link rel="stylesheet" href="css/sprites-r7.css">
        <link rel="stylesheet" href="css/theme-default-r6.css">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic' rel='stylesheet' type='text/css'>

        <link rel="shortcut icon" href="images/favicon.ico">
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

        <!-- Allow IE to render HTML5 -->
        <!--[if lt IE 9]>
                <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>

        <header>
            <div class="container">
                <div class="sixteen columns alpha omega">
                    <h1 class="logo">
                        <a href="/">
                            <img src="images/logo_3.png" alt="Mind2web" class="scale-with-grid hide-for-mobiles" />
                            <img src="images/logo_mobile.png" alt="Spark" class="scale-with-grid mobiles-only" /><!-- Alternative image for mobile devices -->
                        </a>
                    </h1>

                    <nav class="menu">
                        <ul>
                            <li><a href="#home" class="active">Welcome<br /><span>To Mind2web</span></a></li>
                            <li><a href="#features">Nos services<br /><span>Sites et Web marketing</span></a></li>
                            <li><a href="#contact">Nous contacter<br /><span>Get in touch</span></a></li>
                        </ul>
                    </nav>
                </div><!-- .columns -->
            </div><!-- .container -->

            <div class="bottom-gradient">
                <span class="left"></span>
                <span class="center"></span>
                <span class="right"></span>
            </div>	
        </header>


        <div id="main" role="main">

            <article id="home">
                <div class="container">
                    <div class="row box dark">
                        <div class="seven columns">
                            <div class="welcome-container">
                                <h2>Transformez vos projets Web et mobiles</h2>
                                <p>
                                    Une id&eacute;e &agrave; d&eacute;velopper sur Internet ou sur mobile ?<br />
                                    Vous avez besoin de conseil et de formation pour faire grandir votre business ?
                                </p>
                                <p class="hide-for-tablets">
                                    Nous vous aidons et vous accompagnons dans la r&eacute;alisation de vos projets.
                                </p>
                                <a href="#features" class="button call-to-action animate">D&eacute;couvrez nos services</a>
                            </div>
                        </div>

                        <div class="nine columns">
                            <div class="flexslider">
                                <ul class="slides notloaded">
                                    <li><img src="images/slides/website.jpg" width="665" height="338" alt="Website" /></li>
                                    <li><img src="images/slides/digital_marketing.jpg" width="665" height="338" alt="Digital Marketing" /></li>
                                    <li><img src="images/slides/social_media.jpg" width="665" height="338" alt="Social Media" /></li>
                                </ul>
                            </div>			
                        </div>
                    </div><!-- .row -->
                    <br /><br />
                    <div class="bottom-gradient between-rows">
                        <span class="left"></span>
                        <span class="center"></span>
                        <span class="right"></span>
                    </div>
                    <br />
                    <div class="row">
                        <div class="one-third column headset">
                            <img src="images/empty.gif" alt="" class="large-icons icon-menu" />
                            <h4>Conseil</h4>
                            <p>Choisissez la meilleure strat&eacute;gie pour votre business</p>
                        </div>

                        <div class="one-third column headset">
                            <img src="images/icons/black/realisation_icon.png" alt="" class="" />
                            <h4>R&eacute;alisation</h4>
                            <p>Nous prenons en charge la r&eacute;alisation de votre projet</p>
                        </div>

                        <div class="one-third column headset">
                            <img src="images/icons/black/users_icon.png" alt="" class="" />
                            <h4>Accompagnement</h4>
                            <p>Nous vous suivons dans l'accomplissement du projet</p>
                        </div>
                    </div><!-- .row -->
                </div><!-- .container -->
            </article>


            <article id="features" class="dark">
                <div class="container">	
                    <div class="sixteen columns titleset">
                        <h2 class="remove-bottom">Nos services</h2>
                        <h6 class="subheader">Conseil, accompagnement et performance</h6>
                    </div>

                    <div class="row">
                        <div class="one-third column headset">
                            <img src="images/icons/white/globe_3_icon.png" alt="" class="large-icons icon-globe" />
                            <h3>Sites Web</h3>
                            <p>
                                Quels supports choisir pour votre projet ?<br />
                                <small>
                                    Site promotionnel, institutionnel ou &eacute;v&eacute;nementiel - e-commerce - blog - application mobile iOS & Android
                                </small>
                            </p>
                        </div>

                        <div class="one-third column headset">
                            <img src="images/icons/white/social_icon.png" alt="" class="" />
                            <h3>M&eacute;dias sociaux</h3>
                            <p>
                                Sur quels m&eacute;dias sociaux &ecirc;tre pr&eacute;sents et comment communiquer ?<br />
                                <small>
                                    Etude de l'&eacute;co-syst&egrave;me de votre activit&eacute; 
                                    - Mise en place d'une strat&eacute;gie sur les medias sociaux 
                                    - Animation des profils
                                    - Veille e-reputation de votre marque
                                    - Lancement de campagnes publicitaires
                                </small>
                            </p>
                        </div>

                        <div class="one-third column headset">
                            <img src="images/icons/white/bookmark_2_icon48.png" alt="" class="icon-bookmark" />
                            <h3>Formations</h3>
                            <p>Nous proposons des formations sur mesure en fonction de votre niveau et des leviers souhait&eacute;s.</p>
                        </div>
                    </div><!-- .row -->

                    <div class="row">

                        <div class="one-third column headset">
                            <img src="images/icons/white/list_num_icon.png" alt="" class="icon-seo" />
                            <h3>SEO & SEM</h3>
                            <p>
                                Avoir un site Internet c'est bien... &ecirc;tre trouv&eacute; c'est mieux !<br />
                                <small>
                                    Conseil en r&eacute;f&eacute;rencement naturel et publicitaire
                                    - Etude de mots cl&eacute;s strat&eacute;giques
                                    - Audit et optimisations techniques et &eacute;ditoriales
                                </small>
                            </p>
                        </div>
                        <div class="one-third column headset">
                            <img src="images/icons/white/mail_icon.png" alt="" class="icon-emailing" />
                            <h3>Emailing & SMS</h3>
                            <p>
                                Fid&eacute;lisez ou recrutez votre client&egrave;le !<br />
                                <small>
                                    Orientez vos messages pour obtenir des informations strat&eacute;giques sur vos contacts.
                                    - Int&eacute;gration HTML
                                    - Gestion de vos campagnes
                                </small>
                            </p>
                        </div>

                        <div class="one-third column headset">
                            <img src="images/icons/white/chart_line_icon.png" alt="" class="icon-analytics" />
                            <h3>Web analytics</h3>
                            <p>
                                Votre site Internet manque de performance ?<br />
                                <small>
                                    Nous analysons les failles de votre site dans vos outils d'audience.
                                    R&eacute;daction & interpr&eacute;tation de vos indicateurs dans un rapport statistique comment&eacute;.
                                </small>
                            </p>
                        </div>
                    </div><!-- .row -->
                </div><!-- container -->
            </article>

            <article id="contact">
                <div class="container">	

                    <div class="two-thirds column">
                        <h2>Nous contacter</h2>
                        <p>
                            Besoin d'un devis ? Une question sur nos offres ou nos services ?<br />
                            N'h&eacute;sitez pas &agrave; nous contacter, nous serions ravis de vous renseigner.
                        </p>

                        <form action="ajax.php" method="post" class="send-with-ajax">

                            <div class="row">
                                <div class="two columns alpha">
                                    <label for="form-name">Nom <span>requis</span></label>
                                </div>
                                <div class="seven columns omega">
                                    <input type="text" name="name" id="form-name" placeholder="Votre nom" required="required" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="two columns alpha">
                                    <label for="form-email">Email <span>requis</span></label>
                                </div>
                                <div class="seven columns omega">	
                                    <input type="email" name="email" id="form-email" placeholder="votre@email.com" required="required" />
                                </div>
                            </div>

                            <div class="row">			
                                <div class="two columns alpha">
                                    <label for="form-message">Message <span>requis</span></label>
                                </div>
                                <div class="seven columns omega">	
                                    <textarea name="message" id="form-message"></textarea>
                                </div>
                            </div>

                            <div class="six columns offset-by-three">
                                <button type="submit">Envoyer</button>
                                <div class="ajax-response"></div>
                            </div>

                        </form>

                    </div><!-- .column -->

                    <div class="one-third column">
                        <h3>Nous trouver sur le Web</h3>
                        <br />
                        <p>
                            <a href="https://twitter.com/christellemilan" class="targetblank imglink">
                                <img src="images/icons/black/twitter_icon16.png" alt="Twitter" class="" />
                                &nbsp;@christellemilan
                            </a>
                        </p>
                        <p>
                            <a href="https://twitter.com/seb_fabiani" class="targetblank imglink">
                                <img src="images/icons/black/twitter_icon16.png" alt="Twitter" class="" />
                                &nbsp;@seb_fabiani
                            </a>
                        </p>
<!--                        <p>
                            <a href="" class="targetblank imglink">
                                <img src="images/icons/black/linkedin_icon16.png" alt="Linkedin" class="" />
                                &nbsp;
                            </a>
                        </p>-->
                    </div>

                </div><!-- container -->
            </article>
            
            <article id="bottom" class="dark">
                <div class="container">
                    <div class="bottom">
                        Mind2web.fr &copy; 2015
                    </div>
                </div>
            </article>

        </div><!-- #main -->

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.8.2.min.js"><\/script>')</script>
        <!-- IMPORTANT: If you need to update one of the JS files, you must upgrade the version both in the file name and in the line bellow -->
        <script src="js/jquery.flexslider-v1.8.min.js"></script>
        <script src="js/jquery.ba-hashchange-v1.3.min.js"></script>
        <script src="js/main-r9.js"></script>

    </body>
</html>